<script setup>

import Up from "@/components/Up.vue";
import Sidebar from "@/components/Sidebar.vue";
import Content from "@/components/Content.vue";
import Bottom from "@/components/Bottom.vue";
</script>

<template>
  <el-row >
    <el-col :span="24">
      <up></up>
    </el-col>
  </el-row>
  <el-divider />
  <el-row>
    <el-col :span="4">
      <sidebar></sidebar>
    </el-col>
    <el-col :span="20">
      <content></content>
    </el-col>
  </el-row>
  <el-row >
    <el-col :span="24" class="bottom" >
      <bottom></bottom>
    </el-col>
  </el-row>

</template>

<style scoped>
.bottom{

 height: 100px;
  margin-top: 30px;
  line-height: 100px;
}
</style>